<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全部作品</title>
    <link rel="stylesheet" href="http://8.141.12.238:8083/css/all_books/style.css">
</head>

<body>
    <div id="header">
        <div class="logo">
            <a href="/"></a>
        </div>
        <div class="search">
            <div class="search-box">
                <div class="input-box">
                    <input type="text">
                </div>
                <div class="input-img">
                    <input type="button">
                </div>
            </div>
        </div>
        <div class="log">
            <a href="/login" target="_blank">我的书籍</a>
        </div>
    </div>

    <div id="navbar">
        <div class="nav">
            <ul>
                <li class="item classify">作品分类</li>
                <li class="item all-work"> <a href="http://8.141.12.238:8080/books/all/page/1" class="selected">全部作品</a>
                </li>
                <li class="item charts"> <a href="/none">排行</a></li>
                <li class="item forum"> <a href="/none">论坛</a></li>
            </ul>
        </div>
    </div>

    <div id="container">
        <div class="classify">
            <dl>
                <dd id="all"><a href="http://8.141.12.238:8080/books/all/page/1">全部</a></dd>
                <dd id="xuanhuan"><a href="http://8.141.12.238:8080/books/type/xuanhuan/page/1">玄幻</a></dd>
                <dd id="qihuan"><a href="http://8.141.12.238:8080/books/type/qihuan/page/1">奇幻</a></dd>
                <dd id="wuxia"><a href="http://8.141.12.238:8080/books/type/wuxia/page/1">武侠</a></dd>
                <dd id="xianxia"><a href="http://8.141.12.238:8080/books/type/xianxia/page/1">仙侠</a></dd>
                <dd id="dushi"><a href="http://8.141.12.238:8080/books/type/dushi/page/1">都市</a></dd>
                <dd id="xianshi"><a href="http://8.141.12.238:8080/books/type/xianshi/page/1">现实</a></dd>
                <dd id="junshi"><a href="http://8.141.12.238:8080/books/type/junshi/page/1">军事</a></dd>
                <dd id="lishi"><a href="http://8.141.12.238:8080/books/type/lishi/page/1">历史</a></dd>
                <dd id="youxi"><a href="http://8.141.12.238:8080/books/type/youxi/page/1">游戏</a></dd>
                <dd id="tiyu"><a href="http://8.141.12.238:8080/books/type/tiyu/page/1">体育</a></dd>
                <dd id="kehuan"><a href="http://8.141.12.238:8080/books/type/kehuan/page/1">科幻</a></dd>
                <dd id="zhutianwuxian"><a href="http://8.141.12.238:8080/books/type/zhutianwuxian/page/1">诸天无限</a></dd>
                <dd id="xuanyi"><a href="http://8.141.12.238:8080/books/type/xuanyi/page/1">悬疑</a></dd>
                <dd id="qingxiaoshuo"><a href="http://8.141.12.238:8080/books/type/qingxiaoshuo/page/1">轻小说</a></dd>
            </dl>
        </div>
        <div class="books">
            <ul>
                {{#book_list}}
                <li>
                    <div class="book-intro">
                        <div class="img">
                            <img src="http://8.141.12.238:8083/book_image/{{id}}/cover.jpg">
                        </div>
                        <div class="info">
                            <div class="title">
                                <a href="http://8.141.12.238:8081/read/{{id}}/1" target="_blank">{{title}}</a>
                            </div>
                            <div class="author">
                                <img src="http://8.141.12.238:8083/comm_image/user.png">
                                <a href="/none">{{author}}</a>
                                <span>|</span>
                                <a href="/none">{{type}}</a>
                                <span>|</span>
                                <a href="/none">{{status}}</a>
                            </div>
                            <div class="intro">
                                {{introduction}}
                            </div>
                            <div class="words">
                                {{total}}万字
                            </div>
                        </div>
                    </div>
                    <hr>
                </li>
                {{/book_list}}
            </ul>
            <div class="change-page">
                <div class="number-change">
                    <ul>
                        <li><button type="button" id="change-previous" onclick="changePreviousPage()">&lt;</button></li>
                        {{#number_list}}
                        <li class="number" id="page{{page}}"><a href="{{href}}">{{page}}</a></li>
                        {{/number_list}}
                        <li><button type="button" id="change-next" onclick="changeNextPage()">></button></li>
                    </ul>
                </div>
                <div class="input-change">
                    <input class="number-input" value="{{pagenow}}">
                    <button type="button" class="change-button" onclick="changePage()">跳转</button>
                </div>
            </div>
        </div>
    </div>
    <script src="http://8.141.12.238:8083/js/all_books/script.js"></script>
</body>

</html>